技術問答
技術文章
iT 徵才
聊天室
2025 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
2017 iT 邦幫忙鐵人賽
DAY
16
0
自我挑戰組
你看微客=[ 前端領域 - 超入門 ]
系列 第
16
篇
jQuery---[ 外掛 ( plug-in )、jQuery UI ]---無用小觀念
2017鐵人賽
ucvic
2016-12-28 23:45:23
2088 瀏覽
分享至
外掛( plug-in )、jQuery UI
jQuery 外掛 ( plug-in ) 即是與 jQuery 結合,
針對特定功能或目的撰寫的 javascript 檔
,可以提供一些額外的功能,像協助驗證使用者輸入的內容、或對網頁加入一些特殊效果等。
jQuery UI 是進階的 jQuery 外掛,內容主要包含三大部分:
介面元素
(
widget
):如對話框、警示框。
互動工具
:如使元件可拖曳或自由縮放大小。
動畫特效
:如讓元素裂解並淡出。
使用外掛會讀取並處理額外的 javascript 檔,有可能讓你的網頁因此變慢,所以要思考哪些才是你真正需要的,用太多反而可能會適得其反。
請選擇成熟且聲譽佳的外掛,可由以下幾點來協助判斷:
版本號
:選擇已改版多次的外掛,如 3.3.1 版,多次改版代表有長期在除錯、更新與改善,運作會比較穩定,儘量不要使用像 1.0.0 版的外掛,其內容可能存在未被發現修正的 bug。
釋出日期
:釋出日期若太新,代表使用的人數還不夠多,還未經考驗,同樣有可能存在未被發現修正的 bug。
最後更新時間
:若外掛最後更新的時間在四、五年前,有可能已不能與新版的 jQuery 相容,也沒有在新版的瀏覽器上測試,使用前要三思。
下載外掛一般會取得 js 檔,有時還會有 css 檔及圖檔(用來展現元件的外觀)。
將外掛的檔案加入到網站有兩種方式:
建立一個外掛檔名的資料夾,相關檔案全放入其中
。
js 檔放到你預設 js 檔案資料夾,
css 檔
放到預設的 css 資料夾。(
外掛圖檔同樣要放到css資料夾底下
)
外掛是依附在 jQuery 底下,故在中,
要先連結 jQuery 再連結外掛的 js 檔
。(
外掛的 css 檔連結要放在其他樣式引用之後,但在你自己定義的樣式表之前,若有調整才能夠覆蓋
)
留言
追蹤
檢舉
上一篇
jQuery---[ 事件處理 ]---無用小觀念
下一篇
Ajax---[ Ajax、JSON、JSONP ]---無用小觀念
系列文
你看微客=[ 前端領域 - 超入門 ]
共
30
篇
目錄
RSS系列文
訂閱系列文
17
人訂閱
26
React---[ 自訂元件、props特性 ]---無用小觀念
27
React---[ state 狀態、事件處理 ]---無用小觀念
28
React---[ JSX ]---無用小觀念
29
Git---[ Git 基本觀念 ]
30
30天鐵人賽---[ 參賽心得 ]
完整目錄
熱門推薦
{{ item.subject }}
{{ item.channelVendor }}
|
{{ item.webinarstarted }}
|
{{ formatDate(item.duration) }}
直播中
立即報名
尚未有邦友留言
立即登入留言
iThome鐵人賽
參賽組數
902
組
團體組數
37
組
累計文章數
19856
篇
完賽人數
528
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
15th鐵人賽
16th鐵人賽
13th鐵人賽
14th鐵人賽
17th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
javascript
2018鐵人賽
python
2017鐵人賽
windows
php
c#
linux
windows server
css
react
熱門問題
防火牆fortinet只開放line 問題
Gem如何找到該功能?!我是Gemini付費使用者
中華電信光纜當骨幹...SWminigbic無法正常使用
我在做 packet tracer 的題目,想請問一下該怎麼做
dhcp 在client 端機碼設定的問題
照片破圖或是有損壞,如何修復?
熱門回答
防火牆fortinet只開放line 問題
中華電信光纜當骨幹...SWminigbic無法正常使用
我在做 packet tracer 的題目,想請問一下該怎麼做
dhcp 在client 端機碼設定的問題
熱門文章
Agentic AI 開發實戰:我是如何設計 “Code + LLM” 混合架構,解決 AI品質不穩的問題?
ISC2 CC 證照考試筆記和影片
VScode 開發應用系統專案(10) - Spring boot MVC 應用系統設計(1)
【資料治理實戰回憶錄】04. 拆解元數據 (下):讓資料「用起來」
[gem5] 該怎麼編譯以及運行 gem5 ?
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}